@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('@/styles/components.css');
:root{
  --text-logo-font-size: 24px;
  --bold-font-weight: 700;
  --top-nav-height: 64px;
  --top-nav-padding: 0 30px;
  --light-text-color-text-1: #1D2129;
}
* {
  margin: 0;
  padding: 0;
}
/* 字体 */
.text_logo{
  font-family: Inter;
  font-size: var(--text-logo-font-size);
  font-weight: var(--bold-font-weight);
}
@font-face {
  font-family: "Alibaba PuHuiTi";
  src: url(../public/font/Alibaba-PuHuiTi-H.ttf);
}
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.scrollWrapper{
  animation: scrollLeft linear infinite;
  animation-duration: 30s; /* 这里的时间可以根据需要调整 */
}
.scrollItem{
  display: inline-block;
  margin-right: 25px;
}
.operate_card .card_avatar{
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.app-block-container .app-item{
  @apply flex items-center justify-center;
  flex: 0 0 25%;
}
.course_container .cour{
  background-color: hsl(var(--nextui-default-100));
}
.card_background{
  background-color: hsl(var(--nextui-default-100));
}
.background-100{
  background-color: hsl(var(--nextui-default-100));
}
.background-110{
  background-color: hsl(var(--nextui-background)/var(--nextui-background-opacity,var(--tw-bg-opacity)));
}
.background-200{
  background-color: hsl(var(--nextui-success-100));
}
.waterfall-flow-3{
  column-count: 3;
}

.waterfall-flow-6{
  column-count: 6;
  column-gap: 42px;
}

.course_container .course_item{
  @apply mr-[86px]
}
.course_container .course_item:last-child{
  @apply mr-0
}

.comment-list-container .comment-item .comment-content .nickname,
.comment-list-container .comment-item .comment-content .use{
  flex: 0 0 50%;
}
.comment-list-container .comment-item .comment-content .vip_type{
  flex: 1;
}

.Price_content_container .price_item:last-child{
  margin-right: 0;
}
.buttonType .buttonType-button:last-child{
  margin-right: 0;
}
.image_river_container .image_river_item:nth-child(6n){
  margin-right: 0;
}
/* 滚动条 */
*::-webkit-scrollbar{
  width: 6px;
  height: 6px;
}
 
*::-webkit-scrollbar-thumb{
  background: transparent;
  border-radius: 6px;
}
*::-webkit-scrollbar-track{
  background-color: transparent;
}

*::-webkit-scrollbar-thumb:hover{
  background: gray;
}
html{
  overflow: overlay;
}

.image-switch-circle {
  @apply bg-[#ccc] dark:bg-slate-300 rounded-full w-[53px] h-[53px] flex justify-center items-center cursor-pointer;
}
.image-operations-container .check{
  border: 2px solid hsl(var(--nextui-primary));
}
.default_font{
  font-family: "Alibaba PuHuiTi","Microsoft YaHei", "黑体", "宋体", sans-serif;
}
*{
  @apply default_font;
}
.home-market-container{
  column-count: 2;
  column-gap: 24px;
  border-radius: 32px;
  background: rgba(244, 244, 244, 0.60);
  backdrop-filter: blur(60px);
  padding: 24px;
}
.home-market-container .home-market-item{
  margin-bottom: 24px;
  position: relative;
}
.home-market-container .home-market-item:nth-child(2n){
  margin-bottom: 0;
}
.home-market-container .home-market-item .home-market-item-message{
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 255px;
  height: 73px;
  border-radius: 0px 0px 12px 12px;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(27.184999465942383px);
  display: flex;
  align-items: center;
  color: #fff;
  padding:  0 25px;
  align-items: center;
}
.home-market-container .home-market-item-message-title{
  @apply flex flex-1 justify-start;
}
.home-market-container .home-market-item-message-price{
  @apply flex flex-1 justify-end;
}
.course_container_item .course_item_header .dot{
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-right: 10px;
}
.hardware-container .hardware-bg-container .hardware-bg-item:nth-child(2n){
  margin-right: 0;
}
.hardware-container .hardware-bg-container .hardware-bg-item:last-child{
  margin-bottom: 0;
}
.hardware-container .hardware-bg-container .hardware-bg-item:nth-last-child(2){
  margin-bottom: 0;
}